


 

<!doctype html>
<html>
<head>
<title>公告查询</title>
	<meta charset="utf-8">
	<meta name="viewport" charset="width=device-width, initial-scale=1" user-scalable="no";>
	<!--手机设备显示-->
	<link href="./cloud_oa/js/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">	
	
	<link href="./cloud_oa/css/common.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="./cloud_oa/js/jquery.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/Validform/js/Validform_v5.3.2.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/datetimepicker/jquery.datetimepicker.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/layer/layer.js"></script>
	<link href="./cloud_oa/css/style.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="./cloud_oa/js/gotoTop.js"></script>
			
	<style type="text/css">
		a.backToTop{width:60px; height:55px; border-radius:5px; opacity:0.5; background:#eaeaea url(../image/top.png) no-repeat -51px 0; text-indent:-999em}
		a.backToTop:hover{background-position:-113px 0}
	</style>

	<script type="text/javascript">
	 
    var pageNow=2;
    var pageCount;
	
	$(document).ready(function(e){
		
		/*向上滑动按钮*/
		$(".backToTop").goToTop();
		$(window).bind('scroll resize',function(){
			$(".backToTop").goToTop();
		});	
	
		/*给每一个置顶的公告添加样式*/
		 $('.isTop1').each(function(index, isTop1) {
			 $(this).removeClass('panel-success').addClass('panel-primary');
		 });
		 		 
		 //当文件滑动条滑动到底部的时候自动进行DIV的加载
		 $(window).scroll(function() {
             if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
            	 
            	 pageCount = $('#pageCount').val();

        		 if(pageNow<=pageCount){
         		 	var url = '/cloud_oa/notice/queryByPager2.action?pageNum=' + pageNow ;
           		 	$('#wholeNotice').append('<div class="newpanel' + pageNow + '"></div>');
        		 	$('.newpanel'+pageNow).load(url);
        		 	pageNow = pageNow + 1;
        			layer.msg('加载成功', {icon: 1});
        		 }
        		 else {
        			 layer.msg('没有更多了', {shift: 6});
        		 }
        		 
             }
         });
		
	});
	
	/*修改公告模态层修改*/
	function update(noticeId) {
		layer.open({
			type: 2,
			title: '修改公告',
			maxmin: false,
			shadeClose: false, //点击遮罩关闭层
			closeBtn:2,
			area : ['600px' , '580px'],
			content: ['/cloud_oa/notice/updateNotice.action?noticeId='+ noticeId,'no']
		});	
	}
	
	/*添加新公告模态层添加*/
	function insert() {
		layer.open({
			type: 2,
			title: '添加公告',
			maxmin: false,
			shadeClose: false, //点击遮罩关闭层
			closeBtn:2,
			area : ['600px' , '580px'],
			skin: 'layui-layer-lan',
			content: ['/cloud_oa/pages/Notice/AddNotice.jsp','no']
		});	
	}
	
	/*删除公告*/
	function delNotice(noticeId,btnObj) {			
		//询问框
			layer.confirm('确定要删除该数据吗', {
			btn: ['确定','取消'], //按钮
			closeBtn:2,
			shade: false //显示遮罩
		}, function(){
			/*异步删除*/
			var url = '/cloud_oa/notice/delete.action?noticeId=' + noticeId ;
			$.get(url,function(data){
				$(btnObj).parent().parent().parent().parent().parent().delay(300).slideUp("fast");
				layer.msg('删除成功', {icon: 1});
			}) ;
		}, function(){
			layer.msg('取消删除', {shift: 6});
		});			
	}

	</script>
	
</head>

<body>

	<!-- 网页头部-->


	



<script type="text/javascript">

	//轮播时间间隔设置
	$(document).ready(function(e) {
		$('.carousel').carousel({
        interval: 4000
    });
    $(document).ready(function(e) {
        //初始化工具提示
		$('a,button[data-toggle="tooltip"]').tooltip();		
		$('#fuckhtml').popover();
    	});
	});

	//消息提示整体亮度控制
	$(document).ready(function(e) {		
		//鼠标移上
		$('#notice').mouseover(function(){
			if($('#infonotice').text()!="0"){
				$('#infonotice').addClass('noticeBg');	
			}else{
				$('#infonotice').css("background-color","#999");
			}
				
		});		
		//鼠标离开
		$('#notice').mouseout(function(){
			if($('#infonotice').text()!="0"){
				$('#infonotice').removeClass('noticeBg');
			}else{
				$('#infonotice').css("background-color","#777");
			}
			
		});						
	});

	//登陆界面模态层
	$(document).ready(function(e) 
	{        
	/*单击按钮弹出模态层*/
	$('#modalBtn').click(function(e){
		$('#myModal').modal
		(
			{
				backdrop:'static', /*点击黑色区域不关闭*/
				keyboard:false     /*ESC键不关闭*/
			}
		);

		$('#navigation').fadeOut("fast").addClass("fixed-top-changed");
	});	


    /*关闭时回到原来尺寸*/
	$('#closemodal').click(function(e){
		$('#navigation').removeClass("fixed-top-changed").delay(300).fadeIn("fast");
		});
    });
	
	$(document).ready(function(){
		//一行代码搞定，提交表单的时候会自动触发验证程序
		$('#loginform').Validform({
			tiptype:0,
			ajaxPost:true,
			beforeSubmit:function(curform){return false;}
		});
	});
	</script>
	<!--登陆界面模态层-->
	<div class="modal fade" id="myModal" tabIndex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" id="closemodal" data-dismiss="modal">&times;</button>
					<h4 class="text-center">切换用户</h4>
				</div>

				<div class="modal-body">
					<form id="loginform" class="form-horizontal" method="post" action="./cloud_oa/login/login.action">
			        	<div class="form-group"> 
			                <label for="userName" class="col-sm-4 control-label">账号</label>
			                <div class="col-sm-6">
			                	<input type="text" datatype="*" name="empNum" id="empNum" class="form-control" placeholder="请输入账号">               
			                </div>
			            </div>
			            
			            <div class="form-group">
			                <label for="userPwd" class="col-sm-4 control-label">密码</label>
			                <div class="col-sm-6">
			                	<input datatype="*" type="password" name="password" id="password" class="form-control" placeholder="请输入密码 ">              
			                </div>
			            </div>

			            <div class="form-group">
			            	<div class="col-sm-3 col-sm-offset-7">
			            		<input type="submit" id="btn2" class="btn btn-primary btn-block" data-loading-text="正在确认..." value="登录"> 		            		
			                </div>
			            </div>
		        	</form>  
				</div>


			</div>
		</div>
	</div>
	<!--/登陆界面模态层-->

	<!--导航条-->
	<nav id="navigation" class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">

			<div class="navbar-header" >
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myCollapse1">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="./cloud_oa/pages/index.jsp" class="navbar-brand">
					<img src="./cloud_oa/image/default-transparent.png" height="20"/>
				</a>
			</div>
			<!--/.navbar-header-->

			<form if="userform" action="">
			<div class="collapse navbar-collapse navbar-right" id="myCollapse1">
				<ul class="nav navbar-nav nav-right">
					<li class="dropdown">
						<a href="./cloud_oa/empInfo/query.action" data-toggle="dropdown">
							当前用户：系统管理员
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu ">
							<li>
								<a href="#" id="modalBtn">切换用户</a>
							</li>
							<li>
								<a href="./indexLogin.html">退出</a>
							</li>
						</ul>
					</li>
					<li>
						<a id="notice" href="./在线消息-未阅消息.html">
							新消息：
							<span id="infonotice" class="badge">0</span>
						</a>
					</li>
					<li>
						<a href="#" 
						id="fuckhtml"
						data-html="true" data-toggle="popover" 
						data-content="<center>
						<img width='30' src='./cloud_oa/image/ic_launcher.png'></img>&nbsp;
						<a style='font-size:1.1em;color:black;text-decoration:none' href='./cloud_oa/app/cloud.apk'>点击直接下载</a>
						<br><img width='200' src='./cloud_oa/appuser/getApkQRcode.do'></img>
						<br>扫一扫二维码，下载安装客户端</center>"
						data-placement="bottom"> 安卓客户端 </a></li>
					
				</ul>

			</div>
			<!--/.collapse-->
			</form>

		</div>
		<!--/.container-fluid-->
	</nav>
	<!--/导航条-->

	<!--轮播容器-->
	<header id="myCarousel" class="carousel slide">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		
		<!-- Wrapper for slides -->
		<div class="carousel-inner">
			<div class="item active">
				<div class="fill" style="background-image:url('./cloud_oa/image/100.jpg');"></div>
				<div class="carousel-caption">
					<h2>学JAVA开发，到中软国际。</h2>
				</div>
			</div>
			<div class="item">
				<div class="fill" style="background-image:url('./cloud_oa/image/101.jpg');"></div>
				<div class="carousel-caption">
					<h2>学iOS/Android开发，到中软国际。</h2>
				</div>
			</div>
			<div class="item">
				<div class="fill" style="background-image:url('./cloud_oa/image/102.jpg');"></div>
				<div class="carousel-caption">
					<h2>学C++开发，到中软国际。</h2>
				</div>
			</div>
		</div>
		<!-- Controls -->
		<a class="left carousel-control" href="#myCarousel" data-slide="prev">
			<span class="icon-prev"></span>
		</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">
			<span class="icon-next"></span>
		</a>
	</header>
	<!--/轮播容器-->
	
	<!--网页分类-->
	<nav class="navbar navbar-default hidden-sm hidden-xs">
		<div class="container">
			<div class="collapse navbar-collapse" id="myCollapse2">
			
				<ul class="nav navbar-nav">
				
					<li>
						<a href="./index.html">系统首页</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							个人中心
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu ">
							<li>
								<a href="./个人中心-员工信息维护.html">员工信息维护</a>
							</li>
							<li>
								<a href="./个人中心-检索他人信息.html">检索他人信息</a>
							</li>
							<li>
								<a href="./个人中心-个人申请中心.html">个人申请中心</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							工作安排
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./工作安排-日程安排.html">日程安排</a>
							</li>
							<li>
								<a href="./工作安排-综合查询.html">综合查询</a>
							</li>
							<li>
								<a href="./工作安排-日历查看.html">日历查看</a>
							</li>
							<li>
								<a href="./工作安排-代读设置.html">代读设置</a>
							</li>
							<li>
								<a href="./工作安排-待办审批.html">待办审批</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							名片夹
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./名片夹-联系人查询.html">联系人查询</a>
							</li>
							<li>
								<a href="./名片夹-名片夹分类.html">名片夹分类</a>
							</li>
							<li>
								<a href="./名片夹-公司通讯录.html">公司通讯录</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							消息收发
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./在线消息-发送新消息.html">发送消息</a>
							</li>
							<li>
								<a href="./在线消息-草稿箱.html">草稿箱</a>
							</li>
							<li>
								<a href="./在线消息-发件箱.html">已发送消息</a>
							</li>
							<li>
								<a href="./在线消息-收件箱.html">收到的消息</a>
							</li>
							<li>
								<a href="./在线消息-未阅消息.html">未阅的消息(<span name="count">0</span>)</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							云文件存储
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./云文件存储-云文件目录.html">云文件目录</a>
							</li>
							<li>
								<a href="./云文件存储-我的云共享.html">我的云共享</a>
							</li>
						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							会议管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./会议管理-会议室信息.html">会议室信息</a>
							</li>
							<li>
								<a href="./会议管理-会议预约情况.html">会议预约情况</a>
							</li>
							<li>
								<a href="./会议管理-我要参加的会议.html">我要参加的会议</a>
							</li>
							<li>
								<a href="./会议管理-我发布的会议.html">我发布的会议</a>
							</li>
						</ul>
					</li>

					
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							系统管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./系统管理-部门管理.html">部门管理</a>
							</li>
							<li>
								<a href="./系统管理-职务管理.html">职务管理</a>
							</li>
							<li>
								<a href="./系统管理-员工管理.html">员工管理</a>
							</li>
							<li>
								<a href="./系统管理-角色管理.html">角色管理</a>
							</li>
							<li>
								<a href="./系统管理-权限管理.html">权限管理</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							资产管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./资产管理-库存管理.html">库存管理</a>
							</li>
							<li>
								<a href="./资产管理-办公用品消耗.html">办公用品消耗</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							车辆管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./车辆管理-查看车辆信息.html">查看车辆信息</a>
							</li>
							<li>
								<a href="./车辆管理-派车待办.html">派车待办</a>
							</li>
							<li>
								<a href="./车辆管理-派车记录.html">派车记录</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							外派人才
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./外派人才-外派人才列表.html">外派人才列表</a>
							</li>
							<li>
								<a href="./外派人才-合作公司列表.html">合作公司列表</a>
							</li>
							<li>
								<a href="./外派人才-公司需求列表.html">公司需求列表</a>
							</li>
							<li>
								<a href="./外派人才-外派记录列表.html">外派记录显示</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="./系统公告.html">
							系统公告
						</a>
					</li>
				</ul>
				
			</div>
			<!--/.collapse-->
		</div>
	</nav>
	<!-- 网页头部完成-->
	
	<!-- 每个模块的部分 -->
	<div class="container">
		<div class="col-md-12">
		
		<div>
		<h3 class="page-header">
			公告栏 
			
			<!-- 添加新的公告，通过shiro拦截只有管理员才可以操作 -->
			
			<!-- 通过shiro进行拦截操作完  -->
			
		</h3>
		
		</div>
		<input id="pageCount" type="hidden" value="1">
		
		<div id="wholeNotice">
			
	          	<div class="panel panel-success isTop1">
	        		<div class="panel-heading">
	            		关于周年庆放假的通知
						<a href="#two21" data-toggle="collapse" class="panel-title pull-right">展开/折叠</a>
	            	</div>
	            	<div>
		            	<div id="two21" class="panel-collapse collapse in">
			        		<div class="panel-body">
			        			2015-08-11
			        			<br>
			        			
			        			<p><span style="font-size: 18px;">因为<span style="font-weight: bold;">8月30日</span>是本公司成立10周年的纪念日，故放假5天。具体放假时间为<span style="font-weight: bold;"> <span style="background-color: yellow;">8月30日~9月3日</span></span>，请相互转告！</span></p>
			        			
				        		<!-- 通过shiro拦截 只有管理员才可以看到-->
				        		
			        			<!-- 通过shiro拦截 修改操作完成-->
	
			        		</div>
		        		</div>
		        	</div>	
	        	</div>  
			
	          	<div class="panel panel-success isTop0">
	        		<div class="panel-heading">
	            		热烈庆祝反法西斯战争胜利70周年
						<a href="#two2" data-toggle="collapse" class="panel-title pull-right">展开/折叠</a>
	            	</div>
	            	<div>
		            	<div id="two2" class="panel-collapse collapse in">
			        		<div class="panel-body">
			        			2015-08-11
			        			<br>
			        			
			        			<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><p style="text-align: left;">鉴于<span style="color: rgb(255, 0, 0);">反法西斯战争胜利70周年</span>之际，我们公司积极响应上级号召进行庆祝，9月3日晚举行庆祝Party。</p></blockquote>
			        			
				        		<!-- 通过shiro拦截 只有管理员才可以看到-->
				        		
			        			<!-- 通过shiro拦截 修改操作完成-->
	
			        		</div>
		        		</div>
		        	</div>	
	        	</div>  
			
	          	<div class="panel panel-success isTop0">
	        		<div class="panel-heading">
	            		关于八月十四日项目结束的通知
						<a href="#two1" data-toggle="collapse" class="panel-title pull-right">展开/折叠</a>
	            	</div>
	            	<div>
		            	<div id="two1" class="panel-collapse collapse in">
			        		<div class="panel-body">
			        			2015-08-11
			        			<br>
			        			
			        			<div style="text-align: left;"><ul><li><span style="font-size: 24px; line-height: 1.42857143; text-align: center;">全体员工在项目结束之后在会议中心一室进行集合。</span><br></li><li><span style="font-size: 24px; line-height: 1.42857143;">项目组负责人到达二楼会客厅进行会谈</span><br></li></ul></div>
			        			
				        		<!-- 通过shiro拦截 只有管理员才可以看到-->
				        		
			        			<!-- 通过shiro拦截 修改操作完成-->
	
			        		</div>
		        		</div>
		        	</div>	
	        	</div>  
			
	          	<div class="panel panel-success isTop0">
	        		<div class="panel-heading">
	            		开发部的同志们注意啦！
						<a href="#two22" data-toggle="collapse" class="panel-title pull-right">展开/折叠</a>
	            	</div>
	            	<div>
		            	<div id="two22" class="panel-collapse collapse in">
			        		<div class="panel-body">
			        			2015-08-11
			        			<br>
			        			
			        			因公司效益状况不佳，本月工资推迟到9月10发下发，对此我们表示由衷的歉意！
			        			
				        		<!-- 通过shiro拦截 只有管理员才可以看到-->
				        		
			        			<!-- 通过shiro拦截 修改操作完成-->
	
			        		</div>
		        		</div>
		        	</div>	
	        	</div>  
			
		
		</div>	
	  </div> 	 
	</div>
	
	<!--网页底部-->
	<footer>
		

<footer>
		<div class="container-fluid footer_style">
			<div class="col-md-6 col-md-offset-3 text-center">
				<h4><img src="./cloud_oa/image/default-transparent.png" height="20"/></h4>
				<p>地址：辽宁省大连市高新园区宏川东路20号黄泥川天地软件园金枫楼三层</p>
				<p>Copyright 2009-2014 dletc.com.cn all rights reserved 网站备案号 : 辽ICP备09019147号-1</p>
			</div>
		</div>
	</footer>
	
	</footer>
	<!--网页底部结束-->
</body>

</html>